.tabs {
	display: flex;
	align-items: center;

	height: 38px;
	overflow-x: auto;
	overflow-y: hidden;
	border-bottom: 1px solid #ddd;
	box-sizing: border-box;

	color: #444;
	background-color: #fff;

	&::-webkit-scrollbar {
		height: 1px;
	}
	
	&::-webkit-scrollbar-track {
		background-color: #ddd;
	}
	
	&::-webkit-scrollbar-thumb {
		background-color: #ddd;
	}

	.tab-item {
			display: inline-flex;
			padding: 8px 10px 6px;
			font-size: 13px;
			line-height: 20px;
			cursor: pointer;
			align-items: center;
			border-bottom: 3px solid transparent;

			&.actived {
					color: skyblue;
					border-bottom: 3px solid skyblue;
			}

			&:first-child {
					cursor: text;
			}
	}
}
